<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎来到登录页面</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/dednglu.css">
    <link rel="shortcut icon" href="./favicon.ico">
</head>

<body>
    <!-- 头部内容 -->
    <div class="top">
        <div class="w">
            <div class="pic fl">
                <img src="./images/logo.png" alt="">
            </div>
            <h1 class="fl">欢迎登录</h1>
        </div>
    </div>
    <!-- 验证提醒 -->
    <div class="warn">
        <div class="w">
            <span>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！
                新版《评优购隐私政策》已上线，将更有利于保护您的个人隐私。</span>
        </div>
    </div>
    <!-- 登录区域 -->
    <div class="banner">
        <div class="w">
            <div class="loginbox fr">
                <div class="title">
                    <a href="#saoma">
                        <h2 class="fl">扫码登录</h2>
                    </a>
                    <a href="#">
                        <h2 class="fr">账户登录</h2>
                    </a>
                </div>
                <div class="remind fl">
                    <span>公共场所不建议自动登录，以免账号丢失</span>
                </div>
                <div class="login fl">
                    <span class="user"></span>
                    <input type="text" placeholder="邮箱/用户名/手机号"  id="myName">

                    <span class="pwd"></span>
                    <input type="password" placeholder="请输入密码" id="myPSW">
                </div>
                  <div class="erweima" id="saoma">
                    <div class="pic">
                        <img src="./upload/erweima.png" alt="">
                        <span>请使用品优购APP扫码登录</span> 
                    </div>
            
                  </div>
                <div class="loginbot fl">
                    <label>
                        <input type="checkbox" name="xb">
                    </label>
                </div>
                <a href="#" class="fr mima">忘记密码?</a>
                <a href="#"> <button class="fl" onclick="login()">登录</button> </a>
                <div class="ico fl">
                    <ul>
                        <li><a href="#">
                                <div class="qq_ico"><img src="./images/QQ.png" alt="">
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="qq_ico"><img src="./images/wechat.png" alt="">
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="qq_ico"><img src="./images/zhifubao.png" alt="">
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="qq_ico"><img src="./images/weibo.png" alt="">
                                </div>
                            </a></li>
                    </ul>

                </div>
                <a href="./register.html" class=" fr one">立即注册</a>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="w">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
    </div>
    <div class="bottomest fl">
            <div class="w">
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 
                    邮编：100096 电话：400-618-4000 传真：010-82935100 
                    邮箱: zhanghj+itcast.cn</p>
                    <p>京ICP备08001421号京公网安备110108007702</p>
            </div>
    </div>
    <script>
        function login() {
            var x = document.getElementById("myName").value;
            var z = document.getElementById("myPSW").value;

            if (x.trim() === "" && z.trim() === "") {
                alert("请输入账号和密码！");
            }
            else if (x === "111" && z === "111") {
                
                window.location.href = 'index.html';
            }
            else if (x === "ivan" && z === "") {
                alert("您的密码不能为空！");
            }
            else if (x === "" && z === "123456") {
                alert("您的用户名不能为空！");
            }
            else {
                alert("您填写的用户名或密码有误，登陆失败");
            }
        }
    </script>
</body>

</html>